<template>
  <div>
    <Header></Header>
    <div class="container">
      <el-row>
        <el-col :span="3">
          <Aside></Aside>
        </el-col>
        <el-col :span="20">
          <router-view/>
        </el-col>
      </el-row>
    </div>
  </div>

</template>

<script>
  import Header from '@/components/Header';
  import Aside from '@/components/Aside';
    export default {
      name: "Main",
      components: {Header, Aside},
      data() {
        return {
          activeIndex: '/welcome',
        }
      },
      methods: {
        handleSelect(key, keyPath) {
          if(key === '/login'){
            sessionStorage.removeItem('_uer_info_');
            this.goto('/login');
            return
          }
          if(key === 'logo'){
            key = '/welcome';
            console.log(this.activeIndex)
          }
          this.goto('/main'+key)
        }
      }
    }
</script>

<style scoped>
  .logout{
    float: right;
  }
</style>
